<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
	<title>瑞邦晟达科技</title>
	<link href="css/style.css" rel="stylesheet" />
</head>
<body>
	<div id="content">
    	<div id="contain">
    		<form action="checklogin.php" id="loginForm" method="post">
	        	<dl>
	            	<dt>用户名：</dt>
	                <dd><input type="text" id="UserName" name="UserName" /></dd>
	            </dl>
	            <dl>
	            	<dt>密&nbsp; &nbsp;码：</dt>
	                <dd><input type="password" id="LoginPwd" name="LoginPwd" /></dd>
	            </dl>
	            <div id="bottom">
	            	<input type="submit" name="login" value="" />
	            	<!--<a href="#"><img src="images/login_07.jpg" /></a>-->
	                <!-- <a href="#">忘记密码？</a>-->
	            </div>
    		</form>
        </div>
    </div>
    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
    <script type="text/javascript">
		$(document).ready(function(){
			$("#loginForm").validate({
				errorElement:"p",
				errorClass:"errorMsg",
				rules:{
					UserName:{
						required:true,
						rangelength:[6,10]
					},
					LoginPwd:{
						required:true,
						rangelength:[6,20]
					}
				},
				messages:{
					UserName:{
						required:"用户名不能为空！",
						rangelength:"用户名长度在6-10位之间"
					},
					LoginPwd:{
						required:"密码不能为空！",
						rangelength:"密码长度在6-20位之间"}
				}
			});
		})
    </script>
</body>
</html>